<template>
<div class="series-main">
  <el-card class="box-card" shadow="never">
    <div slot="header" class="clearfix">
      <span>搜索条件</span>
    </div>
    <el-row :gutter="10">
      <el-col :span="6">
        <el-input  placeholder="用户名"></el-input>

      </el-col>
      <el-col :span="6" :offset="3">
        <el-input  placeholder="电话查找"></el-input>

      </el-col>
    </el-row>
    <el-row :gutter="10" style="margin-top: 10px">
      <el-col :span="2" :offset="16">
        <el-button size="small" type="primary">查询</el-button>
      </el-col>
      <el-col :span="2">
        <el-button size="small" type="default">重置</el-button>
      </el-col>
    </el-row>
  </el-card>
  <el-card class="box-card1">
    <div slot="header" class="clearfix">

     <el-button type="primary">新增</el-button>
    </div>
    <div >
      <el-table
        :border="true"
        :data="serieslist"
        style="width: 40%">
        <el-table-column
          prop="date"
          label="封面"
          align="center"
          width="180">
          <template slot-scope="scope">
            <img :src="scope.row.cover_img" alt="">
          </template>
        </el-table-column>
        <el-table-column
          prop="cname"
          align="center"

          label="名称"
          width="180">
        </el-table-column>
        <el-table-column
          prop="ename"
          align="center"

          label="英文名称">
        </el-table-column>
      </el-table>
    </div>
  </el-card>
</div>

</template>

<script>
import seriesApi from "@/api/product/series";
export default {
name: "productseries",
data(){
return{
  serieslist:[]
}

},
methods:{
getSericelist(){
  seriesApi.getSeriesList()
  .then(res=>{
    console.log(res)
    this.serieslist = res.data;
  })
}
},
  created(){
  this.getSericelist()
  }
}
</script>

<style lang="scss" scoped>
.series-main{
  .box-card{
    width: 95%;
    margin: 10px auto;
  }
  .box-card1{
    width: 95%;
    margin: 10px auto;
  }
}
</style>
